<%--
  author: fuxueHu
  description: 招聘信息详情页面
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"
         isELIgnored="false" %>
<%@ taglib prefix="rapid" uri="http://www.rapid-framework.org.cn/rapid" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<rapid:override name="title">招聘详情信息</rapid:override>
<rapid:override name="head_extend">

</rapid:override>
<rapid:override name="content">
    <div class="row" style="height: 100%">
        <div class="col-sm-9">
            <div class="wrapper wrapper-content animated fadeInUp">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="m-b-md">
                                    <button onclick="openEdit()" class="btn btn-white btn-xs pull-right">编辑招聘信息
                                    </button>
                                    <h2>集团</h2>
                                </div>
                                <dl class="dl-horizontal">
                                    <dt>状态：</dt>
                                    <dd><span class="label label-primary">进行中</span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <dl class="dl-horizontal">
                                    <dt>发布人：</dt>
                                    <dd>${recruitInfo.user.userName}-</dd>
                                    <dt>薪资范围：</dt>
                                    <dd>${recruitInfo.salaryScale.basicSalary}</dd>
                                    <dt>参考薪资：</dt>
                                    <dd><a href="project_detail.html#" class="text-navy"> 百度</a>
                                    </dd>
                                    <dt>岗位：</dt>
                                    <dd>${recruitInfo.position.positionName}</dd>
                                    <dt>招聘人数：</dt>
                                    <dd>${recruitInfo.needPeople}</dd>
                                </dl>
                            </div>
                            <div class="col-sm-7" id="cluster_info">
                                <dl class="dl-horizontal">
                                    <dt>发布时间：</dt>
                                    <dd>
                                        <fmt:formatDate value="${recruitInfo.publishTime}" pattern="yyyy-MM-dd HH:mm"/>
                                    </dd>
                                    <dt>截至时间：</dt>
                                    <dd><fmt:formatDate value="${recruitInfo.endTime}" pattern="yyyy-MM-dd HH:mm"/></dd>
                                    <dt>团队成员：</dt>
                                    <dd class="project-people">
                                        <a href="project_detail.html">
                                            <img alt="image" class="img-circle" src="img/a3.jpg">
                                        </a>
                                        <a href="project_detail.html">
                                            <img alt="image" class="img-circle" src="img/a1.jpg">
                                        </a>
                                        <a href="project_detail.html">
                                            <img alt="image" class="img-circle" src="img/a2.jpg">
                                        </a>
                                        <a href="project_detail.html">
                                            <img alt="image" class="img-circle" src="img/a4.jpg">
                                        </a>
                                        <a href="project_detail.html">
                                            <img alt="image" class="img-circle" src="img/a5.jpg">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <dl class="dl-horizontal">
                                    <dt>当前进度</dt>
                                    <dd>
                                        <div class="progress progress-striped active m-b-sm">
                                            <div style="width: 60%;" class="progress-bar"></div>
                                        </div>
                                        <small>当前已完成项目总进度的 <strong>60%</strong></small>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row m-t-sm">
                            <div class="col-sm-12">
                                <div class="panel blank-panel">
                                    <div class="panel-heading">
                                        <div class="panel-options">
                                            <ul class="nav nav-tabs">
                                                <li><a href="project_detail.html#tab-1" data-toggle="tab">招募消息</a>
                                                </li>
                                                <li class=""><a href="project_detail.html#tab-2"
                                                                data-toggle="tab">招募进度</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="panel-body">

                                        <div class="tab-content">
                                            <div class="tab-pane active" id="tab-1">
                                                <div class="feed-activity-list">
                                                    <div class="feed-element">
                                                        <a href="profile.html#" class="pull-left">
                                                            <img alt="image" class="img-circle" src="img/a1.jpg">
                                                        </a>
                                                        <div class="media-body ">
                                                            <small class="pull-right text-navy">1天前</small>
                                                            <strong>奔波儿灞</strong> 关注了 <strong>灞波儿奔</strong>.
                                                            <br>
                                                            <small class="text-muted">54分钟前 来自 皮皮时光机</small>
                                                            <div class="actions">
                                                                <a class="btn btn-xs btn-white"><i
                                                                        class="fa fa-thumbs-up"></i> 赞 </a>
                                                                <a class="btn btn-xs btn-danger"><i
                                                                        class="fa fa-heart"></i> 收藏</a>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="feed-element">
                                                        <a href="profile.html#" class="pull-left">
                                                            <img alt="image" class="img-circle" src="img/profile.jpg">
                                                        </a>
                                                        <div class="media-body ">
                                                            <small class="pull-right">5分钟前</small>
                                                            <strong>作家崔成浩</strong> 发布了一篇文章
                                                            <br>
                                                            <small class="text-muted">今天 10:20 来自 iPhone 6
                                                                Plus</small>

                                                        </div>
                                                    </div>

                                                    <div class="feed-element">
                                                        <a href="profile.html#" class="pull-left">
                                                            <img alt="image" class="img-circle" src="img/a2.jpg">
                                                        </a>
                                                        <div class="media-body ">
                                                            <small class="pull-right">2小时前</small>
                                                            <strong>作家崔成浩</strong> 抽奖中了20万
                                                            <br>
                                                            <small class="text-muted">今天 09:27 来自 Koryolink
                                                                iPhone</small>
                                                            <div class="well">
                                                                抽奖，人民币2000元，从转发这个微博的粉丝中抽取一人。11月16日平台开奖。随手一转，万一中了呢？
                                                            </div>
                                                            <div class="pull-right">
                                                                <a class="btn btn-xs btn-white"><i
                                                                        class="fa fa-thumbs-up"></i> 赞 </a>
                                                                <a class="btn btn-xs btn-white"><i
                                                                        class="fa fa-heart"></i> 收藏</a>
                                                                <a class="btn btn-xs btn-primary"><i
                                                                        class="fa fa-pencil"></i> 评论</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="feed-element">
                                                        <a href="profile.html#" class="pull-left">
                                                            <img alt="image" class="img-circle" src="img/a3.jpg">
                                                        </a>
                                                        <div class="media-body ">
                                                            <small class="pull-right">2天前</small>
                                                            <strong>天猫</strong> 上传了2张图片
                                                            <br>
                                                            <small class="text-muted">11月7日 11:56 来自 微博
                                                                weibo.com</small>
                                                            <div class="photos">
                                                                <a target="_blank"
                                                                   href="http://24.media.tumblr.com/20a9c501846f50c1271210639987000f/tumblr_n4vje69pJm1st5lhmo1_1280.jpg">
                                                                    <img alt="image" class="feed-photo"
                                                                         src="img/p1.jpg">
                                                                </a>
                                                                <a target="_blank"
                                                                   href="http://37.media.tumblr.com/9afe602b3e624aff6681b0b51f5a062b/tumblr_n4ef69szs71st5lhmo1_1280.jpg">
                                                                    <img alt="image" class="feed-photo"
                                                                         src="img/p3.jpg">
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="feed-element">
                                                        <a href="profile.html#" class="pull-left">
                                                            <img alt="image" class="img-circle" src="img/a4.jpg">
                                                        </a>
                                                        <div class="media-body ">
                                                            <small class="pull-right text-navy">5小时前</small>
                                                            <strong>在水一方Y</strong> 关注了
                                                            <strong>那二十年的单身</strong>.
                                                            <br>
                                                            <small class="text-muted">今天 10:39 来自
                                                                iPhone客户端</small>
                                                            <div class="actions">
                                                                <a class="btn btn-xs btn-white"><i
                                                                        class="fa fa-thumbs-up"></i> 赞 </a>
                                                                <a class="btn btn-xs btn-white"><i
                                                                        class="fa fa-heart"></i> 收藏</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="tab-pane" id="tab-2">

                                                <table class="table table-striped">
                                                    <thead>
                                                    <tr>
                                                        <th>状态</th>
                                                        <th>投递人</th>
                                                        <th>投递时间</th>
                                                        <th>面试结果</th>
                                                        <th>说明</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td>
                                                            <span class="label label-primary"><i
                                                                    class="fa fa-check"></i> 已完成</span>
                                                        </td>
                                                        <td>
                                                            xz
                                                        </td>
                                                        <td>
                                                            11月7日 22:03
                                                        </td>
                                                        <td>
                                                            通过
                                                        </td>
                                                        <td>
                                                            <p class="small">
                                                                985
                                                            </p>
                                                        </td>

                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <span class="label label-primary"><i
                                                                    class="fa fa-check"></i> 面试中</span>
                                                        </td>
                                                        <td>
                                                            dcq
                                                        </td>
                                                        <td>
                                                            11月7日 22:03
                                                        </td>
                                                        <td>
                                                            进行中
                                                        </td>
                                                        <td>
                                                            <p class="small">
                                                                能力强
                                                            </p>
                                                        </td>

                                                    </tr>


                                                    </tbody>
                                                </table>

                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="editRecruit" style="display: none" class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">

                    <div class="wrapper wrapper-content project-manager">
                        <h4>招募</h4>
                        <div class="m-b-md">
                            <button onclick="closeEdit()" class="btn btn-white btn-xs pull-right">
                                <i class="fa fa-remove"></i>
                            </button>
                        </div>
                        <div class="ibox-content">
                            <form class="form-horizontal" action="/admin/recruit/update/" method="post">
                                <input hidden="hidden" name="id" value="${recruitInfo.id}">

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">标题：</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="title" placeholder="标题" class="form-control">
                                        <span class="help-block m-b-none">请输入招聘标题名</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">招聘人数：</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="needPeople" placeholder="招聘人数"
                                               class="form-control">
                                        <span class="help-block m-b-none">请输入招聘人数</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">薪资范围：</label>
                                    <div class="col-sm-8">
                                        <input name="salaryId" class="form-control m-b">
                                        <option>java初级工程师</option>
                                        </input>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">截至日期：</label>
                                    <div class="col-sm-8">
                                        <input name="endTime" id="hello" class="laydate-icon form-control layer-date">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-8">
                                        <button class="btn btn-sm btn-info" type="submit">修改并发布</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</rapid:override>

<rapid:override name="js_extend">
    <!-- Bootstrap table -->
    <script src="/static/admin_v1/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/static/admin_v1/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="/static/admin_v1/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="/static/admin_v1/js/bootstrap-paginator.js"></script>

    <%--    日期--%>
    <script src="/static/admin_v1/js/plugins/layer/laydate/laydate.js"></script>

    <!-- Peity -->
    <script src="/static/admin_v1/js/bootstrap-table-demo.js"></script>
    <script src="/static/admin_v1/js/date.js"></script>
    <script src="/static/admin_v1/js/addTable.js"></script>
    <script>
        function openEdit() {
            // 设置btn1点击之后会发生什么
            $('#editRecruit').show();

        };

        function closeEdit() {
            // 点击btn2之后show1会隐藏，同时show2显示
            $('#editRecruit').hide();
        };

    </script>

</rapid:override>

<%@include file="/jsp/common/admin/base.jsp" %>